<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>百度地图POST信息</title>
        <style type="text/css">
        *{margin:0; padding:0;}
        body,input{font-size:14px; line-height:24px; color:#333; font-family:Microsoft yahei, Song, Arial, Helvetica, Tahoma, Geneva;}
        h1{margin-bottom:15px; height:100px; line-height:100px; text-align:center; font-size:24px; color:#fff; background:#0051a1;}
        #content #post,#comment p{zoom:1;}
        #content #post:after,#comment p:after{display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:'.';}
        .transition{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
        #content{margin:0 auto; width:960px; overflow:hidden;}
        #content #post{margin-bottom:15px; padding-bottom:15px; border-bottom:1px #d4d4d4 dashed;}
        #content #post textarea{display:block; margin-bottom:10px; padding:5px; width:948px; height:200px; border:1px #d1d1d1 solid; border-radius:5px; resize:none; outline:none;}
        #content #post textarea:hover{border:1px #9bdf70 solid; background:#f0fbeb;}
        #content #post #postBt,#content #post #clearBt{margin-left:5px; padding:3px; float:right;}
        #comment{overflow:hidden;}
        #comment p{margin-bottom:10px; padding:10px; border-radius:5px;}
        #comment p:nth-child(odd){border:1px solid #e3e197; background:#ffd;}
        #comment p:nth-child(even){border:1px solid #adcd3c; background:#f2fddb;}
        #comment p span{display:inline; float:left;}
        #comment p .msg{width:738px;}
        #comment p .datetime{width:200px; color:#999; text-align:right;}
        </style>

  
    </head>
    <body>
        <h1>POST数据信息提交</h1>
        <form action="result.php" method="post">
        <div id="content">
            <div id="post">
                <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
                <textarea id="txt1" name="head" class="transition" placeholder="POST地址"></textarea>
                <textarea id="txt2" name="foot" class="transition" placeholder="BDUSS"></textarea>
                <input type="button" id="clear_textarea" value=" 清空输入框 " />
                <script type="text/javascript">
                $("#clear_textarea").click(function (){
                $("#txt1").val('');
                $("#txt2").val('');
                })
</script> 
                
                <input id="clearBt" type="submit" value="保存提交数据" />
            </div>
        </div>
        </form>
    </body>
</html>
